---
name: arpezia-design
description: Use this skill to generate well-branded interfaces and assets for Arpezia, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
user-invocable: true
---

Read the readme.md file within this skill, and explore the other available files.
If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.
If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts _or_ production code, depending on the need.

Quick rules: Midnight Navy #071a35 header / #0e2747 dark cards, canvas #f4f6f8, teal #22c7c7 as the only accent (text form #0c6f6f), copper #a8531c text / #c96a2a fill for one attribute pill per card, muted text never lighter than #5f7291, visible :focus-visible ring on everything, Outfit headings (600, never heavier without reason) + Figtree body, radii 10 controls / 14 cards / 18–20 Simple, 120ms ease-out hover only, sentence case, one verb per button, no emoji, no gradients.

Voice: The Teacher (warm, patient, explains why). Style: Oxford comma, no em or en dashes, sentence case, curly quotes, digits for counts, ranges with “to”, real accidentals (F♯3, B♭), BPM in capitals, one exclamation per message max and none in errors/billing/privacy, buttons name the outcome (verb first, never OK/Submit), errors are what happened + why + what to do (no oops/sorry/please/invalid), player not user, teacher not instructor, free trial not free week, sign in not log in, Tone Generator not Drone, the four free tools always as “Tuner, Metronome, Tone Generator, and Tone Meter.” Read `guidelines/voice.html` and `guidelines/style.html` before writing any copy; run the STY checklist in `guidelines/style.md` on every string.